@import "mixins";
.pt10{  padding-top: pxToRem(10px);  }
.pt15{  padding-top: pxToRem(15px);  }
.pt20{  padding-top: pxToRem(20px);  }
.pt25{  padding-top: pxToRem(25px);  }
.pt30{  padding-top: pxToRem(30px);  }
.pt50{  padding-top: pxToRem(50px);  }

.pb10{  padding-bottom: pxToRem(10px);  }
.pb15{  padding-bottom: pxToRem(15px);  }
.pb20{  padding-bottom: pxToRem(20px);  }
.pb25{  padding-bottom: pxToRem(25px);  }
.pb30{  padding-bottom: pxToRem(30px);  }
.pb35{  padding-bottom: pxToRem(35px);  }
.pb40{  padding-bottom: pxToRem(40px);  }
.pb50{  padding-bottom: pxToRem(50px);  }

.p10{  padding: pxToRem(10px);  }
.p15{  padding: pxToRem(15px);  }
.p20{  padding: pxToRem(20px);  }
.p25{  padding: pxToRem(25px);  }
.p30{  padding: pxToRem(30px);  }

.pl5{  padding-left: pxToRem(5px);  }
.pl10{  padding-left: pxToRem(10px);  }
.pl15{  padding-left: pxToRem(15px);  }
.pl20{  padding-left: pxToRem(20px);  }
.pl25{  padding-left: pxToRem(25px);  }
.pl30{  padding-left: pxToRem(30px);  }

.pr5{  padding-right: pxToRem(5px);  }
.pr10{  padding-right: pxToRem(10px);  }
.pr15{  padding-right: pxToRem(15px);  }
.pr20{  padding-right: pxToRem(20px);  }
.pr25{  padding-right: pxToRem(25px);  }
.pr30{  padding-right: pxToRem(30px);  }

.mt5{  margin-top: pxToRem(5px);  }
.mt10{  margin-top: pxToRem(10px);  }
.mt15{  margin-top: pxToRem(15px);  }
.mt20{  margin-top: pxToRem(20px);  }
.mt25{  margin-top: pxToRem(25px);  }
.mt30{  margin-top: pxToRem(30px);  }
.mt35{  margin-top: pxToRem(35px);  }
.mt40{  margin-top: pxToRem(40px);  }
.mt45{  margin-top: pxToRem(45px);  }
.mt50{  margin-top: pxToRem(50px);  }
.mt100{  margin-top: pxToRem(100px);  }

.mb5{  margin-bottom: pxToRem(5px);  }
.mb10{  margin-bottom: pxToRem(10px);  }
.mb15{  margin-bottom: pxToRem(15px);  }
.mb20{  margin-bottom: pxToRem(20px);  }
.mb30{  margin-bottom: pxToRem(30px);  }
.mb50{  margin-bottom: pxToRem(50px);  }
.mb100{  margin-bottom: pxToRem(100px);  }

.ml5{  margin-left: pxToRem(5px);  }
.ml10{  margin-left: pxToRem(10px);  }
.ml15{  margin-left: pxToRem(15px);  }
.ml20{  margin-left: pxToRem(20px);  }
.ml25{  margin-left: pxToRem(25px);  }
.ml30{  margin-left: pxToRem(30px);  }
.ml50{  margin-left: pxToRem(50px);  }
.ml100{  margin-left: pxToRem(100px);  }

.mr5{  margin-right: pxToRem(5px);  }
.mr10{  margin-right: pxToRem(10px);  }
.mr15{  margin-right: pxToRem(15px);  }
.mr20{  margin-right: pxToRem(20px);  }
.mr25{  margin-right: pxToRem(25px);  }
.mr30{  margin-right: pxToRem(30px);  }
.mr50{  margin-right: pxToRem(50px);  }
.mr100{  margin-right: pxToRem(100px);  }

.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }
.text-justify{ text-align: justify; }
.fb{font-weight: bold}
.db{display: block}
.dl{display: inline-block;}

.pull-left{ float: left !important; }
.pull-right{ float: right !important; }

.vertical-middle{ vertical-align: middle }
.pr{  position: relative; }
.pa{  position: absolute; }

.overflow-h{ overflow: hidden }

.fontSize0{  font-size: pxToRem(0px);  }
.fontSize20{  font-size: pxToRem(20px);  }
.fontSize22{  font-size: pxToRem(22px);  }
.fontSize24{  font-size: pxToRem(24px);  }
.fontSize26{  font-size: pxToRem(26px);  }
.fontSize28{  font-size: pxToRem(28px);  }
.fontSize30{  font-size: pxToRem(30px);  }
.fontSize32{  font-size: pxToRem(32px);  }
.fontSize34{  font-size: pxToRem(34px);  }
.fontSize36{  font-size: pxToRem(36px);  }
.fontSize40{  font-size: pxToRem(40px);  }
.fontSize42{  font-size: pxToRem(42px);  }
.fontSize44{  font-size: pxToRem(44px);  }
.fontSize48{  font-size: pxToRem(48px);  }
.fontSize50{  font-size: pxToRem(50px);  }
.fontSize60{  font-size: pxToRem(60px);  }

.ccc{ color: #ccc; }
.c000{ color: #000; }
.c333{ color: #333; }
.c666{ color: #666; }
.c999{ color: #999; }
.c36c3cc{ color: #36c3cc; }
.c35c2cb{ color: #35c2cb; }
.c333646{ color: #333646; }
.c939393{ color: #939393; }
.c9b9b9b{ color: #9b9b9b; }
.z-index{
    position: relative;
    z-index: 99999999;
}

.ellipsis{
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.ellipsis-2{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.hide {
    display: none !important;
}

.hidden {
    display: none !important;
}

.inline_block {
    display: inline-block !important;
}

.block {
    display: block !important;
}


.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.nomargin {
  margin: 0 !important;
}
